<?php error_reporting(0) ?>
<div class="navbar" >
	<div class="navbar-inner" style="position:relative">
		<h6>LOOK BOOK</h6>
		<ul class="nav pull-right" style="position:relative;z-index:3">
			<li><a href="JavaScript:_CP.onSave()"><i class="icon-save"></i>DONE</a></li>
			<li><a href="JavaScript:_CP.onCancel()"><i class="ico-list"></i>CANCEL</a></li>
		</ul> 
	</div>
</div>
<input 
    type="hidden" 
    value="<?php echo $item->lookbook_id ?>" 
    id="Id" name="Id"
    />

<form id="_form_edit_panel" name="_form_edit_panel" 
      action="" method="POST" onsubmit="return false;"
      target="integration_asynchronous" autocomplete="off">
    <input 
    type="hidden" 
    value="<?php echo $type ?>" 
    id="lookbook_type" name="lookbook_type"
    />
    <div class="widget row-fluid">
		<div class="well form-horizontal">
			<div style="width:224px;position:absolute">
				
				<div id="draggable-parent" style="width:224px;">
                    <img onload="_CP.InitArea()" class="drop-target" id="look_book_image" style="width:100%;width:240px;position:absolute" src="<?php echo quotes_to_entities($item->lookbook_image) ?>"/>
                    <?php
                    if(!empty($item->lookbook_area)){
                        foreach ($item->lookbook_area as $area){
                        ?>
<!--                        <div id="draggable" class="draggable resizable" style="position:absulute;width: 100px;height: 100px;background-color:rgba(0,0,0,.5)">
                            I can be dragged only inside my parent
                        </div>-->
                        <?php
                        }
                    }
                    ?>
				</div>
			</div>
			<div style="padding-left:240px">
				<div class="control-group">
					<label class="control-label">IMAGE :</label>
					<div class="controls">
						<input type="text" 
							   class="span12"
							   id="lookbook_image" name="lookbook_image" 
							   value="<?php echo quotes_to_entities($item->lookbook_image) ?>"
							   />
						<i class="icon-picture field-icon" 
									onclick="_CP.onSelectImage()"
									title="IMAGE"></i>
					</div>
				</div>
				<div class="control-group">
					<label class="control-label">Title :</label>
					<div class="controls">
						<input type="text" 
							   class="span12"
							   id="lookbook_title" name="lookbook_title" 
							   value="<?php echo quotes_to_entities($item->lookbook_title) ?>"
							   />
					</div>
				</div>
				<div class="control-group">
					<label class="control-label">&nbsp;</label>
					<div class="controls">
						<div class="row-fluid">
							<div class="span6">
								<select id="lookbook_status" name="lookbook_status" class=" span12">
									<option value="true" <?php if ($item->lookbook_status != 'false') echo 'selected=1' ?>>ENABLE</option>
									<option value="false">DISABLE</option>
								</select>
								<span class="help-block">STATUS</span>
							</div>
							<div class="span6">
								<input type="number" class="span12"
									   id="lookbook_position" name="lookbook_position" 
									   value="<?php echo $item->lookbook_position ?>"
									   />
								<span class="help-block -align-center">POSITION</span>
							</div>
						</div>
					</div>
				</div>
				<div class="control-group">
                    <label class="control-label">AREA LIST</label>
					<div class="controls area-items">
                        <div class="no-area">No area to display.</div>
                    </div>
                </div>
				
			
			
			</div>
			<div class="control-group">
				<label class="control-label">&nbsp;</label>
				<div class="controls">
					<div>
						<?php if(!empty($item->lookbook_insert)) echo "Created  : $item->lookbook_insert" ?>
					</div>
					<div>
						<?php if(!empty($item->lookbook_update)) echo "Modified : $item->lookbook_update" ?>
					</div>
				</div>
			</div>
		</div>
	</div>
	
    
    
</form>